<template>
  <div id="personal-center">
      <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "PersonalCenter",
  methods: {
    gotoPersonalHistory() {
      this.$router.push("/lessee-center/personal-center/view-personal-history");
    },
    modifyPersonalInfo(){
      this.$router.push("/lessee-center/personal-center/modify-personal-info");
    }
  },
  mounted() {
    this.$router.push("/lessee-center/personal-center/personal-info");
  }
}
</script>

<style scoped>

#personal-center{
  position: absolute;
  background-color: #f6b6a3;
  width: 100%;
  left: 0%;
}
</style>